.morescene { height: 100%; }

.morescene .top { display: flex; justify-content: space-between; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.morescene .top .left ul { display: flex; }

.morescene .top .left ul li { margin-right: 5px; }

.morescene .top .left ul li a { color: #333; }

.morescene .top .right .iconfont { font-size: 22px; color: #333; }

.morescene .main-page .page-scene-list { background-color: #fff; padding: 0 0 1px; }

.morescene .main-page .page-scene-list ul { display: flex; flex-wrap: wrap; }

.morescene .main-page .page-scene-list ul li { height: 140px; margin-bottom: 2px; position: relative; text-align: center; margin-top: 0; overflow: hidden; width: 33.333333333%; }

.morescene .main-page .page-scene-list ul li img { width: 100%; height: 100%; }

.morescene .main-page .page-scene-list ul li .sub-text { line-height: 15px; width: 100%; z-index: 2; position: absolute; bottom: 6px; text-align: center; color: #fff; }

.morescene .main-page .page-scene-list ul li .sub-text .sub-title { font-size: 14px; margin-bottom: 4px; }

.morescene .main-page .page-scene-list ul li .sub-text .sub-nub { font-size: 12px; }

.morescene .main-page .page-scene-list ul li .bg { background: rgba(0, 0, 0, 0.4); position: absolute; height: 100%; width: 100%; bottom: 0; z-index: 1; }

.morescene .main-page .page-scene-list ul li .tip { position: absolute; width: 110px; height: 30px; line-height: 40px; padding-top: 3px; right: 0; background-color: #ff8f5d; font-size: 10px; overflow: hidden; z-index: 2; color: #FFFFFF; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 25px; margin-right: -45px; margin-top: -32px; }
